html,body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	-ms-user-select: none;
	user-select: none;
	color: #000000;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 0;
    height: 6px
}
/*定义滚动条轨道*/
::-webkit-scrollbar-track {
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    background-color: #30B07F00;
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0) 100%,transparent 100%,transparent 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 75%,transparent 75%,transparent);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.p-blod{
	font-weight: bold;
}
.p-a{
	position: absolute;
}
.p-r{
	position: relative;
}
.back-top{
	width: 100%;
	height: 45%;
	background: url(../img2/202207194.webp) center center no-repeat no-repeat;
	background-size: cover;
}
.wave{
	width: 100%;
	bottom: 0;
}
.waves {
  position:relative;
  width: 100%;
  min-height:80px;
  max-height:80px;
}
/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
.night > use:nth-child(1) {
	fill: rgba(68, 68, 68, 1.0);
}
.night > use:nth-child(2) {
	fill: rgba(68, 68, 68,0.7);
}
.night > use:nth-child(3) {
	fill: rgba(68, 68, 68,0.3);
}
.night > use:nth-child(4) {
	fill: rgba(68, 68, 68,1);
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% {
    transform: translate3d(85px,0,0);
  }
}
.a-default{
	text-decoration: none;
}
.a-svg-box{
	padding: 0 5px;
}
.fx-one{
	display: flex;
	flex-direction: row;
}
.gamemain{
	width: 100%;
	display: flex;
	flex-direction: column;
	color: #777777;
}
.c-pink{
	color: hotpink;
}
.b-pink{
	background-color: hotpink;
}
.c-white{
	color: white;
}
.c-green{
	color: #00897B;
}
.b-green{
	background-color: #00897B;
}
.c-purple{
	color: #aaaaff;
}
.b-purple{
	background-color: #aaaaff;
}
.c-blue{
	color: #0091EA;
}
.b-blue{
	background-color: #0091EA;
}
.c-black{
	color: #797979;
}
.night>.c-black{
	color: #fff;
}
.gamehaner{
	position: absolute;
	width: 100%;
	text-align: center;
	top: 40%;
}
.p-ht{
	font-family: "黑体";
}
.text-align{
	text-align: center;
}
.nav-box{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
	background-color: #fff;
	z-index: 25;
}
.navboxfixed{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
}
.nav-one{
	padding: 15px 25px;
	position: relative;
}
.nav-one-img{
	padding: 10px 25px;
	position: relative;
	display: none;
}
.nav-one-icon{
	padding: 5px 0;
	position: relative;
}
.bor-t{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.nav-one:hover{
	background-color: #aaaaff;
	color: #fff;
}
.nav-one-img:hover{
	background-color: #aaaaff;
}
.bor-t:hover{
	border-bottom: 5px solid #aa55ff;
}
.show-box-m{
	box-shadow: 0 10px 10px 5px rgba(0, 0, 0.34, .055) !important
}
.show-box-s{
	box-shadow: 0 0 10px 5px rgba(0, 0, 0.34, .15) !important
}
.show-box-m-d{
	box-shadow: 0 0 10px 3px rgba(0, 0, 0.34, .035) !important
}
.show-box-sm{
	box-shadow: -10px -10px 0 5px rgba(0, 0, 0.34,0) !important
}
.show-box-d-m{
	box-shadow: 0 0 10px 3px rgba(0, 0, 0.34, .075) !important
}
.show-box-d-m-l{
	box-shadow: -5px -5px 10px 3px rgba(0, 0, 0.34, .075) !important
}
.s-x::before{
	content: "";
	border-left: 1px solid #77777799;
	position: absolute;
	height: 40%;
	left: 0;
	top: 30%;
}
.containermain{
	display: flex;
	padding:30px;
	flex-direction: column;
	background: url(../img2/backgrounds.webp) center center no-repeat no-repeat fixed;
	background-size: cover;
}
.lbt-one{
	display: flex;
	justify-content: center;

}
/* 轮播图 */
.fg-lbt{
	display: flex;
	max-width: 1160px;
	/* min-width: 680px; */
	height: 332px;
	/* min-height: 190px; */
	border-radius: 4px;
	margin-top: 20px;
	position: relative;
	justify-content: flex-start;
	overflow: hidden;
	z-index: 3;
}
.lbt-title{
	position: absolute;
	bottom: 0;
	left: 10px;
	z-index: 5;
}
.lbt-title>p{
	margin-bottom: 5px;
}

.fj-lbt-zt{
	transition-duration: 0.3s;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 1160px;
	height: 332px;
	white-space: nowrap;
}
.fj-lbt-zt>li{
	display: inline-block;
	margin: 0;
	padding: 0;
}
.left{
	width: 100%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
/*.imgset{*/
/*	position: relative;*/
/*	!*top: -45%;*!*/
/*	width: 100%;*/
/*}*/
/* 轮播图 */
.lbt-x{
	position: relative;
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 20px;
}
.lbt-x-z{
	position: absolute;
	bottom: 10px;
	right: 0;
	display: flex;

}
.lbt-tp{
	margin-right: 15px;
	overflow: hidden;
	border-radius: 4px;
}
.lbt-tp-waike{
	padding: 2px;
	background-color: #aaaaff;
	border-radius: 4px;
}
.lbt-tp-waike>img{
	border-radius: 4px;
}
.lbt-x-0{
	background-color: #aaaaff;
}
.pcgood,.indie-game,.vr-game{
	padding: 20px 25px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.pc-good-box{
	padding: 10px;
}
.flex-cen{
	display: flex;
	justify-content: center;
}
.pc-one-all{
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-.5 * var(--bs-gutter-x));
	margin-left: calc(-.5 * var(--bs-gutter-x));
	flex-direction: row;
	max-width: 1000px;
	width: 1000px;
}
.pc-one{
	max-width: 320px;
	padding: 10px;
	margin: 6px 6.5px;
	border-radius: 4px;
	background-color: #ffffff;
	overflow: hidden;
	position: relative;
	transition: transform 100ms;
}
.pc-img>img{
	width: 300px;
	height: 150px;
	border-radius: 4px;
}
.p-default{
	margin: 0;
}
.article-mass{
	padding: 5px 5px 0 5px;
	color: #99a2aa;
}
.pc-mass-all{
	padding: 10px 0 0 0;
	overflow: hidden;
}
.pc-name{
	padding: 0 10px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}
.game-up-time{
	width: 100%;
	height: 30px;
	position: absolute;
	left: 0;
	bottom: 5px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	background-color: #ffffff;
	z-index: 23;
	transition:all 0.5s;
}
.up-time-wk{
	background-color: hotpink;
	padding: 0 5px;
	border-radius: 2px;
	color: #fff;
}
.game-more{
	display: flex;
	justify-content: center;
}
.vr-game-all{
	display: flex;
	justify-content: center;
	padding: 15px 10px;
	background-color: #fff;
	border-radius: 4px;
	margin-bottom: 15px;
}
.vr-box{
	max-width: 960px;
	width: 960px;
	display: flex;
	flex-direction: row;
}
.vr-show-main{
	width: 620px;
	height: 300px;
	border-radius: 6px;
	overflow: hidden;
}
.vr-game-title{
	left: 0;
	bottom: 10px;
	padding: 15px;
	width: 50%;
}
.vr-show-list{
	width: 380px;
	padding: 0 0 0 20px;
	display: flex;
	flex-direction: column;
}
.vr-list-one{
	display: flex;
	flex-direction: row;
	height: 90px;
	padding: 5px 0;
	margin: 5px 0;
}
.vr-img{
	width: 155px;
	height: 100%;
	border-radius: 6px;
	overflow: hidden;
}
.vr-list-mass{
	display: flex;
	flex-direction: column;
	padding: 0  0  0 15px;
	justify-content: center;
	align-items: flex-start;
}
.vr-list-mass>span{
	flex-shrink: 0;
}
footer{
	width: 100%;
	background-color: #fafafa;
	color: #aaaaff;
}
.footer-box{
	padding: 20px;
	display: flex;
	justify-content: center;
}
.footer-all{
	width: 100%;
	display: flex;
	justify-content: space-around;
}
.footer-l{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.my-mass{
	padding: 10px 15px 10px 15px;
	margin-left: 10px;
	display: flex;
	flex-direction: column;
}
.my-mass::before{
	content: "";
	position: absolute;
	border-left: 1px solid #77777799;
	left: 0;
	top: 0;
	height: 100%;
}
.footer-r{
	width: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.f-center{
	max-width: 1000px;
	width: 1000px;
	padding: 10px;
/* 	display: flex;
	align-items: flex-start;
	flex-wrap: wrap; */
	column-width:260px;
	min-height: 500px;
}
.game-one-all{
	display: flex;
	justify-content: center;
}
.game-one{
	max-width: 316px;
	width: 316px;
	margin: 10px 4px;
	padding: 10px;
	background-color: #fff;
	border-radius: 3px;
	overflow: hidden;
	float: left;
}
.game-one-img{
	border-radius: 6px;
	overflow: hidden;
	border: 4px solid #ffffff;
	transition:all 0.5s;
}
.game-recen-mass{
	text-align: center;
}
.game-recently{
	background: url(../img2/backgrounds.webp) center center no-repeat no-repeat fixed;
	background-size: cover;
}
.fx-box{
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 10px 0;
}
/* setting */
.setting-all{
	width: 285px;
	position: fixed;
	right: -240px;
	top: 35%;
	display: flex;
	z-index: 234;
	transition: transform 600ms;
}
.setting-right{
	max-width: 240px;
	min-width: 240px;
	width: 240px;
	position: relative;
	background-color: #ffffff;
}
.setting-title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}
.setting-title-one{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 15px;
}
.button-default{
	padding: 3px 12px;
	border-radius: 20px;
	color: #FFFFFF;
	border: none;
}
.ST{
	padding: 10px 15px 0;
}
.h-x{
	width: 100%;
	border-bottom: 1px solid gray;
}
.img-list{
	position: relative;
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 10px;
}
.img-one{
	padding: 0  5px;
	margin-top: 5px;
}
.add-img{
	margin: 10px 6px 0;
	border: 1px dashed gray;
	width: 100%;
	padding: 4px 0;
}
.themeinput{
	max-width: 80px;
	outline: none;
	border: none;
	background-color: #ececec;
	padding: 5px 10px;
}
/* Switch开关样式 */
 /* 必须是input为 checkbox class 添加 switch 才能实现以下效果 */
.switch{
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    width: 40px;
    height: 20px;
    background: #ccc;
    border-radius: 10px;
    transition: border-color .3s, background-color .3s;
}

.switch::after {
    content: '';
    display: inline-block;
    width: 16px;
    height:16px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0, 0, 2px, #999;
    transition:.4s;
    top: 2px;
    position: absolute;
    left: 2px;
}

.switchs {
    background: rgb(19, 206, 102);
}
/* 当input[type=checkbox]被选中时：伪元素显示下面样式 位置发生变化 */
.switchs::after {
    content: '';
    position: absolute;
    left: 55%;
    top: 2px;
}
.setting-box{
	width: 45px;
	height: 42px;
	display: block;
	padding: 8px 16px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	background-color: #FFFFFF;
}
.back-box{
	width: 45px;
	height: 42px;
	display: block;
	padding: 8px 16px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	background-color: #FFFFFF;
	right: 0;
	top: 25%;
	position: fixed;
	z-index: 101;
}
.pl-box{
	width: 45px;
	height: 42px;
	display: block;
	padding: 8px 16px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	background-color: #FFFFFF;
	right: 0;
	top: 20%;
	position: fixed;
	z-index: 101;
}
.img-right-t{
	bottom: 0;
	left: 0;
	padding: 5px 15px;
	background-color: #ff557f;
	display: none;
}
.game-up-t{
	display: none;
}
.dis-title{
	display: none;
}
.small-nav-box{
	width: 100%;
	height: 0;
	left: 0;
	top: 604px;
	background-color: #fff;
	z-index: 233;
	overflow: hidden;
	/* display: none; */
}
.s-b::before{
	content: "";
	border-bottom: 1px solid #d6d6d699;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}
.a-default:hover{
	color: #fff;
}
.setting-open{
	transform: translateX(-240px);
}
.setting-close{
	transform: translateX(0px);
}
.svg-p-r-2>svg{
	position: relative;
	top: 2px;
	transform: rotateX(0);
}
.ban{
	width: 80px;
	height: 25px;
	background: repeating-linear-gradient(145deg,#e7e7e7,#e7e7e7 15px,#fafafa 0,#fafafa 25px);
}
.night{
	background-image: none;
	background-color: #444444;
	color: #fff;
}
.night-box{
	background-image: none;
	background-color: #212121;
	color: #fff;
}
.dis-n{
	display: none;
}
.dis-b{
	display: block;
}
.night>a{
	color: #fff;
}
.jump-jdt{
	width: 100%;
	height: 5px;
	background-color: #e1e1e1;
}
@media screen and (max-width: 1230px) {
    .left>img{
    	max-width: 980px;
    }
    .fj-lbt-zt{
    	max-width: 980px;
    }
	.fg-lbt{
		max-height: 280px;
	}
}
@media screen and (max-width: 1060px) {
    .f-center{
    	max-width: 980px;
    	width: 980px;
    }
	.game-one{
		max-width: 310px;
		width: 310px;
	}

}
@media screen and (max-width: 1040px) {
    .pc-good-box{
    	max-width: 680px;
    	width: 680px;
    }
	.f-center{
		max-width: 685px;
		width: 685px;
	}
	.game-one{
		max-width: 310px;
		width: 310px;
	}
	.vr-game-all{
		max-width: 680px;
	}
	.vr-box{
		display: flex;
		flex-direction: column;
	}
	.vr-game-all{
		width: 550px;
	}
	.vr-show-main{
		width: 100%;
		height: 250px;
	}
	.vr-show-list{
		padding: 0;
	}
	.img-right-t,.game-up-t{
		display: block;
	}
	.game-up-time,.game-fl{
		display: none;
	}
	.flex-p{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.flex-p>span{
		margin: 0 5px;
	}
}
@media screen and (max-width: 1020px) {
    .left>img{
    	max-width: 680px;
    }
    .fj-lbt-zt{
    	max-width: 680px;
    }
	.fg-lbt{
		max-height: 190px;
	}
}
@media screen and (max-width: 720px) {
    .left>img{
    	max-width: 450px;
    }
    .fj-lbt-zt{
    	max-width: 450px;
    }
	.fg-lbt{
		max-height: 129px;
	}
	.lbt-tp-waike{
		border-radius: 1px;
	}
	.lbt-tp-waike>img{
		max-width: 30px;
	}
	.pc-good-box{
		max-width: 320px;
		width: 320px;
	}
	.pc-one-all{
		display: flex;
		flex-direction: column;
		max-width: 320px;
		width: 320px;
	}
	.game-one{
		width: 260px;
	}
	.f-center{
		max-width: 560px;
		width: 560px;
	}
	.vr-game-all{
		width: 380px;
	}
	.vr-box{
		width: 350px;
	}
	.vr-show-main{
		height: 150px;
	}
	.nav-box>.nav-one{
		display: none;
	}
	.nav-one-img{
		display: block;
	}
	.vr-game-title{
		display: none;
	}
}
@media screen and (max-width: 620px) {
    .f-center{
    	max-width: 460px;
    	width: 460px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
    }
	.game-one{
		width: 340px;
	}
	.pcgood,.indie-game,.vr-game,.containermain{
		padding: 30px 0;
		width: 100%;
	}
	.pc-good-box{
		padding: 0;
	}
	.lbt-one{
		display: none;
	}
}


/*  搜索部分css */
.ss-all{
	width: 100%;
	margin-top: 100px;
	margin-bottom: 80px;
	display: flex;
	justify-content: center;
}
.ss-one{
	display: flex;
	width: 70%;
	justify-content: center;
	border-radius: 20px;
}
.ss-input{
	width: 100%;
}
.ss-input>input{
	width: 100%;
	height: 100%;
	padding: 10px;
	font-size: 16px;
	outline: none;
	border:  #ffffff solid 1px;
	background-color: #ffffff;
}
.ss-xz{
	padding: 10px 20px 10px 25px;
	background-color: #ffaa7f;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	color: white;
}
.ss-buttom{
	padding: 10px 25px 10px 20px;
	background-color: #ffaaff;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	color: white;
	border: none;
	height: 100%;
}
.bodymain{
	background: url(../img2/backgrounds.webp) center center no-repeat no-repeat fixed;
	background-size: cover;
	position: relative;
	padding: 30px 0;
}
.span-tal{
	display: block;
	text-align: center;
}
.fl-all{
	width: 60%;
	margin: 50px 20% 250px 20%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.span-box{
	padding: 8px 15px;
	border-radius: 20px;
	margin: 5px 20px;
}
.svg-p-r-b-2{
	position: relative;
	top: 1px;
}
.svg-p-r-t-2{
	position: relative;
	top: -1px;
}
.everyback{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-bottom: 55px;
	position: relative;
}
.everyback-one{
	width: 60%;
	margin: 20px;
	border-radius: 4px;
}
.everyback-one>img{
	border-radius: 4px;
}
.but-pink{
	border: none;
	background-color: hotpink;
	padding: 8px 20px;
	color: white;
	font-family: "黑体";
	font-weight: bold;
	border-radius: 20px;
}
.but-white{
	border: none;
	background-color: #aaaaff;
	padding: 10px 12.5px;
	color: white;
	font-family: "黑体";
	font-weight: bold;
	border-radius: 50px;
}
.but-white-l{
	border: none;
	background-color: #ffaaff;
	padding: 10px 12.5px;
	color: white;
	font-family: "黑体";
	font-weight: bold;
	border-radius: 50px;
}
.but-white-l2{
	border: none;
	background-color: #ff557f;
	padding: 10px 12.5px;
	color: white;
	font-family: "黑体";
	font-weight: bold;
	border-radius: 50px;
}
.fx-wz{
	right: 20%;
	bottom: 0;
	fill: white;
}
.svg-r-2{
	position: relative;
	top: -2px;
}
.fx-all{
	position: absolute;
}
.next-all{
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 20px 0;
	margin-top: 60px;
}
.next-one{
	display: flex;
	flex-direction: row;
}
.span-fy{
	width: 50px;
	height: 50px;
	font-weight: bold;
	font-family: "黑体";
	background-color: rgba(134, 134, 134, 0.16);
	margin: 10px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .2s ease-out;
	/*box-shadow: 0 0 20px 0 rgba(0, 0, 0.34, .085) !important;*/
}
.span-fy:hover{
	border: 1px dashed deeppink;
	background-color: #f1404b;
	color: #fff;
}
.downLoad-span:hover{
	border: 1px dashed deeppink;
}
.fy-gray{
	color:gray;
}
.fy-my{
	color: #fff!important;
	background-color: #f1404b;
	box-shadow: 0px 5px 20px -3px rgb(249 100 90 / 80%);
}
.a-def{
	text-decoration: none;
}
.ss-all>form{
	width: 100%;
	display: flex;
	justify-content: center;
}

.nullback{
	width: 100%;
	height: 35vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.nullback-one{
	width: 750px;
	height: 50px;
	text-align: center;
	position: relative;

}
.z-1{
	z-index: 1;
}
.p-img{
	position: absolute;
	bottom: 0;
	right: 0;
}
.bodymains{
	display: flex;
	flex-direction: column;
	height: 100%;
	background: url(../img2/backgrounds.webp) center center no-repeat no-repeat fixed;
	background-size: cover;
	position: relative;
}
.mar-b-105{
	margin-bottom: 105px;

}
.mbx-top{
	background-color: #FFFFFF;
	padding: 10px 0;
	width: 60%;
	border-radius: 4px;
	text-align: center;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0.34, .035) !important;
	margin: 20px 0;
}
.nr-jz{
	width: 100%;
	display: flex;
	justify-content: center;
}
/*.tz:hover{*/
/*	box-shadow:0  45px 45px  -35px #00000099;*/
/*}*/
.margin-def{
	margin: 15px 0;
}
.t-c{
	width: 20%;
	position: absolute;
	top: 60%;
	left: 40%;
	background-color: #fff;
	border-radius: 6px;
}
.input-one{
	width: 100%;
	display: flex;
	align-items: center;
	flex-flow: row wrap;
}
.O-O{
	height: 35px;
	margin: 5px 25px;
	padding: 5px 10px;
	border-radius: 5px;
	border: #FFFFFF;
	background-color: #f0f0f0;
	outline: none;
	resize: none;
	font-family: "黑体";
	font-weight: bold;
	flex-grow: 100;
}
.p-def{
	font-family: "黑体";
	font-weight: bold;
	margin: 0;
}
.p-svg{
	position: absolute;
	right: 10px;
	top: 10px;
}
.m-def{
	padding: 30px 25px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
}
.m-t{
	margin-top: 15px;
}
.disdef{
	display: none;
}
.bodymainss{
	display: flex;
	height: 100%;
	background: url(../img2/backgrounds.webp) center center no-repeat no-repeat fixed;
	background-size: cover;
	position: relative;
	justify-content: center;
}
.showmain{
	width: 70%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.showbody{
	padding: 100px 0 40px 0;
}
.showbody>span{
	font-size: 17px;
}
.margin-b-50{
	margin-bottom: 50px;
}
.margin-t-50{
	margin-top: 50px;
}
.t-t{
	margin: 10px 25px;
	padding: 5px 10px;
	border-radius: 5px;
	border: #FFFFFF;
	background-color: #f0f0f0;
	outline: none;
	resize: none;
	font-family: "黑体";
	font-weight: bold;
	flex-grow: 100;
}


.scale-enter-active {
	-webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.scale-leave-active {
	-webkit-animation: scale-out-center 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	animation: scale-out-center 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}


@-webkit-keyframes scale-out-center {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}
}
@keyframes scale-out-center {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}
}

@-webkit-keyframes scale-in-center {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}
@keyframes scale-in-center {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

.scales-enter-active {
	-webkit-animation: scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.scales-leave-active {
	-webkit-animation: scale-out-ver-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	animation: scale-out-ver-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes scale-out-ver-top {
	0% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0;
		opacity: 1;
	}
	100% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0;
		opacity: 1;
	}
}
@keyframes scale-out-ver-top {
	0% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0;
		opacity: 1;
	}
	100% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0;
		opacity: 1;
	}
}

@-webkit-keyframes scale-in-ver-top {
	0% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0;
		opacity: 1;
	}
	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0;
		opacity: 1;
	}
}
@keyframes scale-in-ver-top {
	0% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0;
		opacity: 1;
	}
	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0;
		opacity: 1;
	}
}


.slidecs-enter-active {
	-webkit-animation: slide-in-bck-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-bck-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slidecs-leave-active {
	-webkit-animation: slide-out-bck-center 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	animation: slide-out-bck-center 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}


@-webkit-keyframes slide-out-bck-center {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-1100px);
		transform: translateZ(-1100px);
		opacity: 0;
	}
}
@keyframes slide-out-bck-center {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-1100px);
		transform: translateZ(-1100px);
		opacity: 0;
	}
}


@-webkit-keyframes slide-in-bck-center {
	0% {
		-webkit-transform: translateZ(600px);
		transform: translateZ(600px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}
@keyframes slide-in-bck-center {
	0% {
		-webkit-transform: translateZ(600px);
		transform: translateZ(600px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}


.color-change-5x {
	-webkit-animation: color-change-5x 8s linear infinite alternate both;
	animation: color-change-5x 8s linear infinite alternate both;
}

@-webkit-keyframes color-change-5x {
	0% {
		background: #19dcea;
	}
	25% {
		background: #b22cff;
	}
	50% {
		background: #ea2222;
	}
	75% {
		background: #f5be10;
	}
	100% {
		background: #3bd80d;
	}
}
@keyframes color-change-5x {
	0% {
		background: #19dcea;
	}
	25% {
		background: #b22cff;
	}
	50% {
		background: #ea2222;
	}
	75% {
		background: #f5be10;
	}
	100% {
		background: #3bd80d;
	}
}

.shake-bottom {
	-webkit-animation: shake-bottom 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	animation: shake-bottom 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

@-webkit-keyframes shake-bottom {
	0%,
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
	}
	10% {
		-webkit-transform: rotate(2deg);
		transform: rotate(2deg);
	}
	20%,
	40%,
	60% {
		-webkit-transform: rotate(-4deg);
		transform: rotate(-4deg);
	}
	30%,
	50%,
	70% {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}
	80% {
		-webkit-transform: rotate(-2deg);
		transform: rotate(-2deg);
	}
	90% {
		-webkit-transform: rotate(2deg);
		transform: rotate(2deg);
	}
}
@keyframes shake-bottom {
	0%,
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
	}
	10% {
		-webkit-transform: rotate(2deg);
		transform: rotate(2deg);
	}
	20%,
	40%,
	60% {
		-webkit-transform: rotate(-4deg);
		transform: rotate(-4deg);
	}
	30%,
	50%,
	70% {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}
	80% {
		-webkit-transform: rotate(-2deg);
		transform: rotate(-2deg);
	}
	90% {
		-webkit-transform: rotate(2deg);
		transform: rotate(2deg);
	}
}


/* 评论区 */
.user-pl{
	padding: 5px 0 5px 0;
	margin-top: 20px;
}
.plq{
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
}
.user-pl-zt{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.user-pl-z{
	position: relative;
}
/* 个性标签 */
.gxbq{
	display: flex;
	position: absolute;
	right: 10px;
	bottom: 0;
	height: 35px;
	justify-content: flex-end;
	align-items: center;
}
.bh{
	font-family: "Oxanium";
	font-weight: bold;
	font-size: 10px;
	margin: 0 0 0 10px;
}
.bh>p{
	margin: 0;
	margin-top: 5px;
	display: inline-block;
	color: #00A1D6;
	position: relative;
	bottom: 0;
}
.user-pl-name{
	font-family: "黑体";
	font-weight: bold;
	margin-top: 5px;
	display: flex;
	position: relative;
}
.user-pl-rd{
	width: 60px;
	height: 20px;
	font-weight: 600;
	color: white;
	line-height: 15px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	font-size: 15px;
	border-radius: 4px;
	margin-left: 15px;
	background: linear-gradient( 0deg
	, rgba(255, 204, 5, 1) 10%,#ff8700 100%);
	border: 1px solid transparent;
	margin-top: 2px;
}
.jb{
	margin-left: auto;
	justify-content: end;
}
.user-pl-sj{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pl-sj-left{
	display: flex;
	font-family: 黑体;
	font-weight: bold;
	padding: 5px 0;
	align-items: center;
}
.user-pl-nr{
	font-family: "黑体";
	font-weight: bold;
}
.plk{
	display: flex;
	padding: 10px 0 0 0;
	justify-content: flex-start;
	align-items: center;
}
.plks{
	display: flex;
	padding: 0 5px 0 5px;
	justify-content: flex-start;
	align-items: center;
	height: 130px;
}
.user-tx{
	width: 100px;
	height: 100px;
	padding: 20px;
	position: relative;
}
.user-txs{
	width: 100px;
	padding: 20px;
	position: relative;
}
.user-tx-config{
	background-image: url(../img/userBackImg/myBackImg.webp);
	background-size: auto 96%;
	background-position: -25px 4px;
}
.user-tx>img{
	border-radius: 50%;
}
/* 评论输入框 */
.plsrk{
	width: 90%;
	height: 100%;
	justify-content: flex-start;
}
.pl-srk{
	display: inline-block;
	box-sizing: border-box;
	overflow: auto;
	border-radius: 6px;
	border: 1px solid #F1F2F3;
	width: 100%;
	line-height: 32px;
	transition: 0.2s;
	padding: 5px 10px;
	outline: none;
	vertical-align: middle;
	resize: none;
	font-size: 15px;
	margin-top: 8px;
	background: #F1F2F3;
	font-family: "黑体";
	font-weight: bold;
}
.pl-srk:hover{
	background: white;
}
.plfb{
	justify-content: flex-end;
	display: inline-block;
	line-height: 55px;
	margin-left: 30px;
}
.anniu{
	width: 80px;
	height: 45px;
	font-weight: 600;
	line-height: 1.5;
	color: white;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	font-size: 15px;
	border-radius: 4px;
	padding: 5px 20px;
	border: none;
	background-color: #aaaaff;
}
.border_radius{
	border-radius: 50%;
}
.show-box-d-f{
	filter: drop-shadow(0px 0px 3px #8c8c8c);
}
.icon{
	width: 18px;
	height: 18px;
	position: relative;
	top: -2px;
}
.C-C{
	padding: 10px 10px;
	border-radius: 5px;
	border: #ebebeb;
	background-color: #F1F2F3;
	width: 100%;
	flex-grow: 1;
	max-height: 45px;
	outline: none;
	resize: none;
	font-family: "黑体";
	font-weight: bold;
}
.B-B{
	padding: 10px 10px;
	border-radius: 5px;
	border: #ebebeb;
	background-color: #F1F2F3;
	flex-grow: 1;
	max-height: 45px;
	outline: none;
	resize: none;
	font-family: "黑体";
	font-weight: bold;
}
.f-input{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 5px 0;
}
.input-lab{
	min-width: 50px;
	display: flex;
	justify-content: flex-end;
	margin-right: 10px;
	font-family: "黑体";
	font-weight: bold;
}
.usermas{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	background-color: #f9f9fa;
}
.userLeft{
	flex-grow: 1;
}
.userRig{
	max-width: 30%;
	padding: 15px;
}
.u-waike{
	display: flex;
	justify-content: center;
}
.pl-one{
	display: flex;
	align-items: center;
	width: 100%;

}
.mar-left-15{
	margin-left: 15px;
}
.padding-font-def{
	padding: 10px 0;
}


/*-----------------------------动画帧-----------------------------------------*/
.but-state{
	/*设置动画属性*/
	/*1.动画名 自定义 必写*/
	animation-name: vibrate-2;
	/*2.动画时间 必写*/
	animation-duration: 0.2s;
	animation-iteration-count:infinite;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-direction: alternate;
}

@-webkit-keyframes vibrate-2 {
	0% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
	20% {
		-webkit-transform: translate(2px, -2px);
		transform: translate(2px, -2px);
	}
	40% {
		-webkit-transform: translate(2px, 2px);
		transform: translate(2px, 2px);
	}
	60% {
		-webkit-transform: translate(-2px, 2px);
		transform: translate(-2px, 2px);
	}
	80% {
		-webkit-transform: translate(-2px, -2px);
		transform: translate(-2px, -2px);
	}
	100% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
}
@keyframes vibrate-2 {
	0% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
	20% {
		-webkit-transform: translate(2px, -2px);
		transform: translate(2px, -2px);
	}
	40% {
		-webkit-transform: translate(2px, 2px);
		transform: translate(2px, 2px);
	}
	60% {
		-webkit-transform: translate(-2px, 2px);
		transform: translate(-2px, 2px);
	}
	80% {
		-webkit-transform: translate(-2px, -2px);
		transform: translate(-2px, -2px);
	}
	100% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
}
.art-span{
	padding: 0 10px;
	background-color: #ff5577;
	color: white;
	font-family: 黑体;
	font-weight: bold;
	border-radius: 2px;
	margin-left: 10px;
}
.svg-purple{
	fill-rule: nonzero;
	fill: #aaaaff;
	color: #aaaaff;
}
.D-H{
	display: flex;
	width: 100%;
	flex-direction: column;
}
[v-cloak] {
	display: none;
}
.disn{
	display: none;
}
#gameDW{
	position: relative;
	top: -50px;
}
#gamesrcdw{
	position: relative;
	top: -10px;
}
.more-list{
	display: flex;
	width: 70px;
	background-color: #fff;
	border-radius: 4px;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
}
.more-list-one{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.nrbody{
	width: 58%;
	min-height: 43%;
	border-radius: 4px;
	background-color: #fff;
	padding: 20px 30px;
}
.but-all{
	display: flex;
	flex-direction: row;
}
.but-all>button{
	margin: 0 6px;
}
.waike-tip{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 250;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
}
.waike-tip:after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	filter: blur(5px);
	-webkit-filter: blur(5px);
}
.z-index-10{
	z-index: 10;
}